@charset 'UTF-8';

.job-page {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;

  .primary-text {
    font-size: $font-text-size;
    color: $text-gray-color;
  }

  .primary-button-text {
    color: $bg-color;
    font-size: $font-xs-size;
  }



  .job-page-center {
    width: 1200px;
    padding: 20px 0 0 0;

    .job-explain {
      width: 100%;
      height: 50px;
      margin: 0 0 20px 0;
      line-height: 50px;
      text-align: center;
      border: 1px solid #e3cc6f;
      color: #9c5014;
      background: #fff8de;
      cursor: pointer;
    }

    .job-content {
      width: 100%;


      .job-box {
        width: 100%;
        background: $bg-color;
        margin: 0 0 20px 0;
        padding: 0 30px;

        .job-list-sub-text {
          font-size: $font-text-size;
          color: $text-gray-color;
          margin: 15px 0 0 0;
          box-sizing: border-box;

          span {
            padding: 0 7px 0 7px;
            font-weight: 400;

            &:first-child {
              padding-left: 0;
            }
          }
        }
      }

      .job-content-left {
        width: 900px;
        margin: 0 20px 60px 0;
        float: left;

        .job-details {
          width: 100%;
          min-height: 501px;
          padding: 24px 30px 0 30px;
          box-sizing: border-box;
        }

        .job-serch-input {

          height: 139px;
          padding-top: 30px;

          .job-serch-input-button {
            width: 160px;
            height: 50px;
            background: #F09338;
            border-radius: 0;
            border: 2px solid #F09338;
            font-size: 20px;
            font-weight: 400;
            color: #fff;

          }

          .search-input {
            width: 680px;
            height: 50px;
            border-radius: 0px;
            border: 2px solid $theme-color;
            box-sizing: border-box;
            font-size: $font-m-size;

            input {
              font-size: 18px;
            }

            .el-input__inner {
              border: none;
              border-radius: 0px;
            }

            .el-input-group__append {
              width: 160px;
              height: 55px;
              background: $theme-color;
              border: 1px solid $theme-color;
              border-radius: 0px;
              color: $bg-color;
              font-size: $font-s-size;

              button {
                text-align: center;
                width: 160px;
                height: 100%;
              }
            }
          }

          .search-button {
            width: 160px;
            height: 50px;
            border-radius: 0px;
            color: $bg-color;
            font-size: $font-s-size;

            &:active,
            &:focus,
            &:hover {
              width: 160px;
              height: 50px;
              border-radius: 0px;
              color: $bg-color;
              font-size: $font-s-size;
            }
          }

          .common-text {
            margin: 13px 0 0 0;
            font-size: $font-text-l-size;
            color: $text-grayss-color;

            .hot-text {
              margin: 0 10px 0 0;
              cursor: pointer;
            }
          }
        }

        .job-filtrate {
          width: 100%;
          min-height: 277px;
          background: $bg-color;
          margin: 0 0 20px 0;

          .job-filtrate-top {
            width: 100%;
            min-height: 236px;
            border-bottom: 1px solid #f2f2f2;
            padding: 22px 0;

            .job-filtrate-list {
              padding: 0 30px;
              width: 100%;
              height: 35px;
              // display: flex;
              // align-items: center;
              overflow: hidden;

              .filtrate-list-title {
                line-height: 35px;
                font-size: 16px;
                color: #666;
                font-weight: bold;
              }

              .filtrate-button-text {
                height: 100%;

                .el-button {
                  height: 31px;
                  border: none;
                  background: $bg-color;
                  color: #666;
                  font-size: 16px;
                  padding: 0 5px;
                  margin: 3px 6px;
                  border-radius: 0;
                }
              }

              .filtrate-list-more {
                font-size: 16px;
                margin-top: 8px;
                color: #99948a;
                cursor: pointer;
              }
            }

            .job-filtrate-listed {
              height: auto;
            }

            .job-filtrate-list-none {
              width: 100%;
              min-height: 35px;
              padding: 0 30px;
              border-top: 1px solid #f2f2f2;

              .el-button {
                width: 52px;
                height: 31px;
                border: none;
                background: $bg-color;
                color: #666;
                font-size: 16px;
                padding: 0;
                margin: 3px 10px;
                border-radius: 0;
              }
            }

            .button-checked {
              background: $theme-color !important;
              color: $bg-color !important;
              padding: 0;
              margin: 3px 10px;
              border-radius: 0;
            }
          }

          .job-filtrate-bottom {
            width: 100%;
            height: 40px;
            padding: 0 30px;
            font-size: 14px;
            color: #333;
            display: flex;
            align-items: center;

            .job-filtrate-time {
              cursor: pointer;
              display: flex;
              align-items: center;
              color: #666;
            }

            .job-filtrate-timeed {
              color: #F09338;
              cursor: pointer;
            }

            .money-input {
              width: 90px;
              height: 24px;

              .el-input-group__append {
                width: 30px;
                padding: 0;
                text-align: center;
                background: $bg-color;
              }
            }
          }
        }

        .job-list {
          height: 151px;
          box-sizing: border-box;

          .job-list-top {
            height: 92px;
            border-bottom: 1px solid #dcdcdc;
            color: $text-blacks-color;
            font-weight: 400;

            .job-list-top-left {
              width: 60%;
              height: 100%;
              padding: 23px 0 0 0;
              float: left;
              font-size: $font-xs-size;
              box-sizing: border-box;

              .left-money {
                margin-left: 20px;
                font-size: 14px;
                color: #f15c18;
              }
            }

            .job-list-top-right {
              width: 40%;
              height: 100%;
              padding: 25px 0 0 0;
              float: left;
              font-size: $font-text-l-size;
              box-sizing: border-box;
            }
          }

          .job-list-bottom {
            padding: 8px 0 0 0;

            .job-list-bottom-bonus {
              float: left;
              margin: 13px 0 0 0;
              font-size: $font-text-size;
              color: $text-blue-color;
              font-weight: bold;
            }

            .gary-button {
              background: #999;
              color: #fff;
              border-radius: 5px;
            }

            .el-button {
              float: right;
            }

            .oneself-button {
              width: 90px;
              padding: 10px 0;
              background: $theme-color;
              border-radius: $border-m-radius;
              border: none;
              color: $bg-color;
            }
          }
        }
      }

      .job-content-right {
        width: 280px;
        float: left;

        .job-resume {
          min-height: 250px;
          padding: 0 20px;

          .job-resume-head {
            width: 100%;
            height: 51px;
            padding: 24px 0 0 0;
            box-sizing: border-box;
            display: flex;
            align-items: center;

            span {
              margin-left: 16px;
            }
          }

          .job-resume-sub {
            margin: 28px 0 8px 0;
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            color: #333;
          }

          .job-resume-button {
            width: 100%;
            margin: 20px 0 0 0;
            display: flex;
            justify-content: space-between;
          }
        }

        .job-advertising {
          height: 210px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: $theme-color;
          font-size: 18px;
          padding: 0;
          cursor: pointer;

          img {
            width: 100%;
            height: 100%;
          }
        }
      }

      .job-details-company {
        width: 100%;
        min-height: 223px;
        padding: 24px 20px 0 20px;
        box-sizing: border-box;

        .company-head {
          font-size: $font-text-l-size;
          color: $text-blacks-color;
          font-weight: 400;
          margin: 0 0 25px 0;
        }

        .company-content {
          .el-row {
            margin: 0 0 17px 0;
            font-size: $font-text-size;
            color: $text-grayss-color;

            img {
              width: 15px;
              height: 15px;
              margin-right: 11px;
            }
          }
        }
      }
    }
  }
}

//简历和职位详情公共样式
.all-job-resume {
  .all-job-resume-head {
    height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin: 0 0 19px 0;

    .all-job-resume-line {
      width: 4px;
      height: 100%;
      background: $theme-color;
      display: inline-block;
      margin: 0 8px 0 0;
    }

    .all-job-resume-sub-text {
      color: #dd3a31;
      font-size: 14px;
      font-weight: 400;
    }
  }

  .all-job-resume-content {
    padding: 0 0 30px 0;
    font-size: $font-text-size;
    color: $text-grayss-color;
    line-height: 25px;
  }
}

.job-consultant {
  width: 280px;
  height: 250px;
  padding: 0 20px;
  margin: 0 0 20px 0;
  background: $bg-color;
  box-sizing: border-box;

  .job-consultant-head {
    padding: 23px 0 29px 0;
    font-size: $font-text-l-size;
    color: $text-blacks-color;
    font-weight: 400;
  }

  .job-consultant-content {
    img {
      float: left;
      width: 81px;
      height: 81px;
    }

    .content-right {
      width: 130px;
      margin: 0 0 0 16px;
      float: left;

      img {
        width: 15px;
        height: 15px;
      }

      .el-row {
        font-size: $font-text-size;
        color: $text-grayss-color;
      }

      .consultant-name {
        margin: 0 0 9px 0;
        font-size: $font-xs-size;
        color: $text-blacks-color;
      }

      .consultant-flex {
        display: flex;
        align-items: center;
      }

      .consultant-phone {
        margin: 0 0 10px 0;

        img {
          margin: 0 10px 0 0;
        }
      }
    }

    .el-button {
      width: 240px;
      height: 40px;
      margin: 30px 0 0 0;
      border-radius: 0;
      background: $theme-color;
      border: none;
    }
  }
}